<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>开庭|侦查|检查</title>

    <!-- import CSS -->
    <link rel="stylesheet" href="../../layuiadmin/element-ui/lib/theme-chalk/index.css">
    <!-- import Vue before Element -->
    <script src="../../layuiadmin/js/case/vue.js"></script>
    <!-- import JavaScript -->
    <script src="../../layuiadmin/element-ui/lib/index.js"></script>
    <!-- import vueResource -->
    <script type="text/javascript" src="../../layuiadmin/js/case/vue-resource.js"></script>
    
    <script type="text/javascript" src="../../layuiadmin/js/case/jquery.min.js"></script>
    <script type="text/javascript" src="../../layuiadmin/js/case/getUrlParam.js"></script>
    <script>Vue.config.productionTip=false</script>

    <style>
        .wid{
            width: 318px;
        }
         body{
             background: #FFFFFF;
         }
    </style>
    
</head>
<body>


    <div id="app">

        <el-form :inline="true" :model="case_law" size="mini" class="demo-form-inline">
            <el-form-item>
                <el-input v-model="case_law.caseId" placeholder="案号"></el-input>
            </el-form-item>

            <el-form-item>
                <el-input v-model="case_law.clientId.clientName" placeholder="委托人"></el-input>
            </el-form-item>

            <el-form-item>
                <el-button type="primary" @click="LikeQuery()">搜索</el-button>
            </el-form-item>
        </el-form>

        <el-table :data="tableData" style="width: 100%">

            <el-table-column prop="caseId" width="150px" label="案号">
            </el-table-column>

            <el-table-column prop="clientId.clientName" label="委托人">
            </el-table-column>

            <el-table-column prop="caseStatus" label="案件状态">
            </el-table-column>

            <el-table-column sortable prop="sessionDate" label="立案日期">
            </el-table-column>

            <el-table-column sortable prop="stateSessionDate" label="开庭日期">
            </el-table-column>

            <el-table-column prop="courtId.courtName" label="法庭名称">
            </el-table-column>

            <el-table-column fixed="right" label="操作">
                <template slot-scope="scope">
                    <el-link type="primary" @click="queryByid(scope.row.caseId)">查看</el-link>
                    <el-link type="danger" @click="initupdate_court(scope.row.caseId)">修改</el-link>
                </template>
            </el-table-column>
        </el-table>
        
        
        <!--查询单条-->
        <!--
          :visible.sync="dialogVisible" 控制打开关闭
          :before-close="handleClose" 控制关闭的方法
      -->
        <!--单条案件显示模态框 -->
        <el-dialog title="案件详情信息" :visible.sync="dialogVisible" width="80%" :before-close="handleClose">
            <table style="font-size: 14px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);" class="table-border" border="0px" width="1030px" height="300px">
                <tr>
                    <td>案号：{{law.caseId}}</td>
                    <td>委托人：{{law.clientId.cname}}</td>
                    <td>对方当事人：{{law.oppositeId.cname}}</td>
                    <td>诉讼地位：{{law.locusStandi}}</td>
                </tr>

                <tr>
                    <td>案由：{{law.causeOfAction}}</td>
                    <td>案件冲突详情：{{law.causeDetails}}</td>
                    <td>案件状态：{{law.caseStatus}}</td>
                    <td>诉讼标的：{{law.objectOfAction}}</td>
                </tr>

                <tr>
                    <td>案件类型：{{law.caseTypeid.typeName}}</td>
                    <td>卷宗文件：{{law.recordFilename}}</td>
                    <td>提交人：{{law.submitId.user_name}}</td>
                    <td>提交时间：{{law.submitDate}}</td>
                </tr>

                <tr>
                    <td>承办律师：{{law.mainLawyer.empName}}</td>
                    <td>代理费用：{{law.agencyMoney}}</td>
                    <td>杂费：{{law.blendMoney}}</td>
                    <td>应付金额：{{law.amountMoney}}</td>
                </tr>

                <tr>
                    <td>受理法院：{{law.courtId.courtName}}</td>
                    <td>开庭时间：{{law.sessionDate}}</td>
                    <td>立庭日期：{{law.stateSessionDate}}</td>
                    <td>宣判日期：{{law.trialDate}}</td>
                </tr>

                <tr>
                    <td>收案审批状态：{{law.closeState}}</td>
                    <td>收案方式：{{law.closeMode}}</td>
                    <td>收案时间：{{law.closeDate}}</td>
                    <td>审批人：{{law.closeDate}}</td>
                </tr>
            </table>
        </el-dialog>

        
        <!--修改的模态框-->
        <el-dialog title="修改" :visible.sync="updatevisible"
                width="55%"
                :before-close="handleClose">
            
            <!--表单输入-->
            <el-form :inline="true" :model="courtOne" class="demo-form-inline" label-position="top">

                <el-form-item label="案件">
                    <el-input class="wid" v-model="courtOne.caseId" :disabled="true"></el-input>
                </el-form-item>

                <el-form-item label="委托人">
                    <el-input class="wid" v-model="courtOne.clientId.clientName" :disabled="true" placeholder="主要负责人"></el-input>
                </el-form-item>

                <el-form-item label="立庭日期">
                    <el-date-picker style="width: 650px;" v-model="courtOne.sessionDate" type="date" placeholder="选择日期">
                    </el-date-picker>
                </el-form-item>

                <el-form-item label="开庭日期">
                    <el-date-picker style="width: 650px;" v-model="courtOne.stateSessionDate" type="date" placeholder="选择日期">
                    </el-date-picker>
                </el-form-item>

                <el-form-item label="宣判日期">
                    <el-date-picker style="width: 650px;" v-model="courtOne.trialDate" type="date" placeholder="选择日期">
                    </el-date-picker>
                </el-form-item>

            </el-form>
            
            <span slot="footer" class="dialog-footer">
                <el-button type="primary" @click="update_court()">确定提交</el-button>
                <el-button @click="updatevisible = false">取 消</el-button>  
            </span>
        </el-dialog>
        
    </div>

<script type="text/javascript" src="../../layuiadmin/js/case/Case_court.js"></script>


</body>
</html>